﻿@model Tele.DataModels.TVShow

<div class="container">
    <div class="row">

        <div class="col-sm-3">
            <img class="img-responsive" src="@Model.Image" />
        </div>
        <div class="col-sm-9">
            <h2>@Model.Title</h2>
            <h4>Years Active @Model.YearsActive</h4>
        </div>

    </div>
    <button class="btn btn-sm btn-default pull-right" onclick="location.href='/Home/AddTVShow/@Model.Id'">Add TV Show</button>
    <button class="btn btn-sm btn-default pull-right" onclick="location.href='/Home/UpdateTVShow/@Model.Id'">Update TV Show</button>
    <form method="post" action="/Home/DeleteMovie">
        <input type="hidden" name="id" value="@Model.Id" />
        <input class="btn btn-sm btn-default pull-right" type="submit" value="Delete TV Show" />
    </form>
    <div class="row">
        <table class="table table-hover">
            <tr>
                <th>Character Name</th>
                <th>Character Photo</th>
            </tr>
            @foreach (var character in @Model.Characters)
            {
                <tr onclick="location.href='/Home/DetailsCharacter/@character.Id'">
                    <td>@character.Name</td>
                    <td><img src="@character.Photo" class="img-thumbnail" /></td>
                    <td><a href="/Home/DeleteReview/@character.Id" class="btn btn-sm btn-default">Delete Character</a></td>
                </tr>
            }

        </table>

    </div>
</div>


